      
    <ui:composition template="#{template}" xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
  
  
  <ui:define name="title">Gallery</ui:define>
  
	<ui:define name="content">
	
	<div>
  
	 <h3>
	 GALLERY (#{templateManager.size})
	 </h3>
		 
</div>

<h:outputScript library="js" name="jquery-1.4.2.min.js"/>
<h:outputScript library="js" name="app.js"/>

<div style="margin-left:auto;margin-right:auto;width:100%">

<h:form>

<table width="100%" cellpadding="8" cellspacing="8" id="gallery">

<tbody>

<tr>

<td align="center">

	
	<ui:repeat var="template" value="#{templateManager.templates}">
		
 		<div  style="text-align:center;font-size:11px;float:left;width:95px;max-width:100px;margin-left:auto;margin-bottom:15px;margin-right:20px;padding:10px;">
 	
 			
			<h:graphicImage  width="100%" height="90px" library="#{template.id}" name="template.png" styleClass="thumbnail" style="margin-bottom:10px"/>
			
			
				
				<h:link value="#{template.name}" outcome="gallery" styleClass="template_name">
					<f:param name="template" value="#{template.id}"/>
			    </h:link>
	

		</div>
		
	</ui:repeat>
 	
 	
</td>

</tr>

</tbody>

</table>

</h:form>
 
 </div>
	
	</ui:define>
      
      </ui:composition>        
             